.time-box {
    padding: 20px;
    .name {
        margin-right: 10px;
    }
}
.infinite-box {
    height: 400px;
    overflow: auto;
    padding: 20px;

    .hcp-timeline-item-head {
        width: 12px;
        height: 12px;
    }

    .alarm-info-item {
        border-radius: 4px;
        width: 470px;
        padding: 10px 30px 10px 10px;
        position: relative;

        .alarm-info-card-label {
            color: #666666;
        }
    }

    .alarm-info-level-view-history {
        position: absolute;
        top: 12px;
        right: 10px;
    }

    .timer-dot-border {
        width: 12px;
        height: 12px;
        border-radius: 12px;
        border: 2px solid;
        position: relative;
        display: inline-block;

        span {
            width: 6px;
            height: 6px;
            border-radius: 6px;
            position: absolute;
            top: 1px;
            left: 1px;
        }
    }

    .timer-dot-border-emergency,
    .timer-dot-border-1-emergency {
        border-color: #f5222d;
    }

    .timer-dot-border-high,
    .timer-dot-border-2-high {
        border-color: #ff9845;
    }

    .timer-dot-border-mid,
    .timer-dot-border-3-mid {
        border-color: #f6bd16;
    }

    .timer-dot-border-junior,
    .timer-dot-border-4-junior {
        border-color: #ff99c3;
    }

    .timer-dot-border-info,
    .timer-dot-border-5-info {
        border-color: #5b8ff9;
    }
}